.login {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 0.3rem;
    position: relative;
    background-color: #fff;

    &::before {
        position: absolute;
        content: "";
        background-color: #E33D3D;
        width: 9rem;
        height: 7rem;
        border-radius: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .login-content {
        position: relative;
        z-index: 1;

        .login-image-container {
            text-align: center;
            padding-top: 1.12rem;

            .login-image {
                width: 6.77rem;
                height: 0.52rem;
            }
        }

        .logo-container {
            text-align: center;
            padding-top: 0.64rem;

            .logo-image {
                width: 2rem;
                height: 2rem;

            }
        }

        .login-main {
            padding-top: 0.2rem;

            .login-title {
                text-align: center;

                .login-title-text {
                    display: inline-block;
                    color: #F63E39;
                    font-size: 0.36rem;
                    letter-spacing: 0.03rem;
                    padding: 0.2rem 0;
                }
            }

            .login-form {
                text-align: center;
                padding: 0.2rem;
                position: relative;
                z-index: 99999;

                .login-acount,
                .login-password {
                    padding: 0.2rem 0;
                    position: relative;

                    .input-icon {
                        position: absolute;
                        top: 50%;
                        left: 0.66rem;
                        width: 0.4rem;
                        height: 0.4rem;
                        transform: translateY(-50%);
                    }

                    .login-input {
                        width: 5.6rem;
                        height: 0.8rem;
                        font-size: 0.32rem;
                        padding-left: 0.83rem;
                        padding-right: 0.3rem;
                        box-sizing: border-box;
                        border-radius: 4px;
                        box-shadow: 0 0 0.2rem 0.1rem rgba(200, 200, 200, 0.1);
                        border: 1px solid #eee;
                    }
                }
            }

            .agree-container {
                padding-left: 0.36rem;

                .agree-text {
                    color: #FA6F5C;
                    font-size: 0.32rem;
                }

                .am-checkbox-agree .am-checkbox-agree-label {
                    margin-left: 0.44rem;
                }

                .am-checkbox {
                    display: flex;
                    align-items: center;
                }

                .am-checkbox-inner {
                    width: 0.3rem;
                    height: 0.3rem;

                    &::after {
                        width: 0.08rem;
                        height: 0.16rem;
                        top: 0.01rem;
                        right: 0.06rem;
                    }
                }

                .am-checkbox-agree .am-checkbox-inner {
                    position: static;
                    top: 0;
                    border-radius: 3px;
                    border-color: #FA6F5C;
                }

            }

            .submit-container {
                display: flex;
                justify-content: center;
                padding: 0.2rem 0;

                .button {
                    width: 4.60rem;
                    height: 0.7rem;
                    background: linear-gradient(180deg, rgba(252, 99, 95, 1), rgba(246, 62, 57, 1));
                    box-shadow: 0.03rem 0.04rem 0.10rem 0px rgba(250, 82, 82, 0.5);
                    border-radius: 4px;
                    color: #fff;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 0.36rem
                }
            }
        }

        .forget-contianer {
            text-align: center;
            color: #999999;
            font-size: 0.32rem;
            padding: 0.2rem 0;
        }
    }
}